<template>
	<view class="example">
		<view class="message">
			<view class="title">负责人</view>
			<view class="content">张三</view>
		</view>
		<view class="message">
			<view class="title">身份证号</view>
			<view class="content">43568763567778</view>
		</view>
		<view class="message">
			<view class="title">手机号</view>
			<view class="content">12345678909</view>
		</view>
		<view class="message">
			<view class="title">验证码</view>
			<view class="content">12345678909</view>
		</view>
		<view class="message">
			<view class="title">店名</view>
			<view class="content">12345678909</view>
		</view>
		<view class="message">
			<view class="title">工商营业执照号码</view>
			<view class="content">12345678909</view>
		</view>
		<view class="message">
			<view class="title">经营区域</view>
			<view class="content">12345678909</view>
		</view>
		<view class="message">
			<view class="title">地址</view>
			<view class="content">12345678909</view>
		</view>
		<view class="message">
			<view class="title">营业时间</view>
			<view class="content">8：00-20：00</view>
		</view>
		<view class="message">
			<view class="title">店铺状态</view>
			<view class="content">营业中</view>
		</view>
		<view class="introduce">
			商家介绍商家介绍商家介绍商家介绍商家介绍商家介绍商家介绍商家介绍商家介绍商家介绍商家介绍
		</view>
		<view>
			<view class="title">营业执照</view>
			<image src="../../../static/person.jpg" />
		</view>
		<view>
			<view class="title">门店照片</view>
			<image src="../../../static/person.jpg" />
		</view>
		<view>
			<view class="title">身份证正反面</view>
			<view class="image">
				<image src="../../../static/person.jpg" />
				<image src="../../../static/person.jpg" />
			</view>
		</view>
		
		<button class="button" @click="edit">修改</button>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {
			edit() {
				console.log("点击了修改");
				uni.navigateTo({
					url: '/pages/index/information/informationModify/informationModify',
					success: res => {},
					fail: () => {},
					complete: () => {}
				});
			}
		}
	}
</script>

<style>
	page {
		background-color: #fff;
	}

	.message {
		display: flex;
		height: 88rpx;
		line-height: 88rpx;
		padding: 16rpx 0;
		border-bottom: 2rpx solid #BBBBBB;
	}

	.example {
		padding: 0 40rpx;
		background-color: #fff;
	}

	.title {
		width: 252rpx;
		font-size: 28rpx;
	}

	.content {
		width: 396rpx;
		height: 88rpx;
		line-height: 88rpx;
		padding-left: 10rpx;
	}

	.introduce {
		/* height: 146rpx; */
		line-height: 50rpx;
		padding: 10rpx;
		margin: 40rpx 0;
		color: #888888;
		border: 2rpx solid #EFEFEF;
	}

	image {
		width: 278rpx;
		height: 154rpx;
		/* border: 2rpx solid #EFEFEF; */
	}

	.image {
		display: flex;
		justify-content: space-between;
	}

.time{
	margin: 20rpx 0;
}
	.button {
		margin-top: 30rpx;
		width: 90%;
		background-color: #007aff;
		color: #fff;
		/* position: absolute; */
		/* left: 15%; */
		/* bottom: 50rpx; */
	}
</style>